@charset "UTF-8";
body,ol,ul,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,fieldset,legend,input,textarea,select,div{margin:0;padding:0;}
body{font-size:12px;font-family: "Microsoft yahei", sans-serif;-webkit-text-size-adjust:100%;background-color:#f2f2f2;width: 100%;color: #333;}
html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}
html *{outline:0;-webkit-text-size-adjust:none;-webkit-tap-highlight-color:transparent}
a{text-decoration:none;color:#333;}
em{font-style:normal}
li{list-style:none}
img{border:0;vertical-align:middle}
table{border-collapse:collapse;border-spacing:0}
p{word-wrap:break-word}
select,input{font-family: "Microsoft yahei", sans-serif;}
select{background-color: transparent;border:none;}
@media only screen and (max-width:300px){body{font-size:8px}.viewport{max-width:300px}}
@media only screen and (max-width:310px) and (min-width:300px){body{font-size:8px}.viewport{max-width:300px}}
@media only screen and (max-width:320px) and (min-width:310px){body{font-size:9px}.viewport{max-width:320px}}
@media only screen and (max-width:360px) and (min-width:320px){body{font-size:9px}.viewport{max-width:360px}}
@media only screen and (max-width:360px) and (min-width:350px){body{font-size:10px}.viewport{max-width:360px}}
@media only screen and (max-width:480px) and (min-width:360px){body{font-size:10px}.viewport{max-width:480px}}
@media only screen and (max-width:480px) and (min-width:470px){body{font-size:12px}.viewport{max-width:480px}}
@media only screen and (max-width:560px) and (min-width:480px){body{font-size:12px}.viewport{max-width:560px}}
@media only screen and (max-width:570px) and (min-width:560px){body{font-size:14px}.viewport{max-width:570px}}
@media only screen and (max-width:640px) and (min-width:570px){body{font-size:14px}.viewport{max-width:640px}}
@media only screen and (max-width:640px) and (min-width:630px){body{font-size:16px}.viewport{max-width:640px}}
@media only screen and (max-width:710px) and (min-width:640px){body{font-size:16px}.viewport{max-width:710px}}
.viewport{max-width:800px; min-width:300px; margin:0 auto; overflow:hidden; position:relative;}
/*header*/
.header{width: 100%;height: 48px;min-width: 300px;max-width:800px;background-color: #1B1A1F;overflow: hidden;position: fixed;z-index: 9999;}
.header-1{margin: 0 auto;width: 90%;text-align: left;height:48px;line-height: 48px;font-size:12px;}
.header-2{color: #fff;float: left;height:48px;}
.header-2-1{color: #fff;width:60%;height:48px;display:inline-block;float: left;}
.header-3{float: right;background-color: #007A08;display:inline-block;text-align: center;width:15%;max-width: 70px; height: 24px;line-height: 24px;border-radius: 4px;color: #fff;font-size:12px;margin: 12px 0;overflow: hidden;}
.header-3:hover{background-color: rgb(0, 128, 0); }
.img{width: 28px;float:left;position: relative;top: 6px;border-radius:14px;}
.header-1 span{overflow: hidden;}
.header-1 .span-num{margin-right:12px;padding-right:10px;float:right;height:36px;line-height:36px; color:#fff;border-right:1px solid #99cc99;position:relative;top:6px;}
.header-1 .main{margin-right:0;padding-right:0;border-right:none;}
.back{float:right;color:#fff;}
.back:hover{color: #ff0000;}
.header-2 .account{float: left;text-overflow:ellipsis;-o-text-overflow:ellipsis;overflow:hidden;}
.header-2 .compNickName{text-overflow:ellipsis;-o-text-overflow:ellipsis;overflow:hidden;}
.header-2 .deptName{text-overflow:ellipsis;-o-text-overflow:ellipsis;overflow:hidden;}

/*bottom*/
.bottom{position:fixed;bottom:0;min-width: 320px;max-width:800px;width:100%;background:#E6E6E6;box-shadow: 0 -2px 4px #c4c2c2;}
.bottom li{width:20%;float:left;text-align:center;height:60px;}
.bottom li a{width:60px;height:60px;display: inline-block;color:#333;}
.bottom li a img{margin: 10px 0 2px 0; width:30px; }
.bottom li a span{color: #000; }
.space{width:100%;height:50px;}

/*wechat*/
.wxtip{background: rgba(0,0,0,0.8); text-align: center; position: fixed; left:0; top: 0; width: 100%; height: 100%; z-index: 999; display: none;}
.wxtip-icon{width: 52px; height: 67px; background: url(../images/weixin-tip.png) no-repeat; display: block; position: absolute; right: 20px; top: 20px;}
.wxtip-txt{margin-top: 107px; color: #fff; font-size: 16px; line-height: 1.5;}
